<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页～</title>
  <link rel="stylesheet" href="../css/index.css">
</head>

<body>
  <div class="web">
    <h1>我是Index页</h1>
    <header>
      <nav>
        <ul>
          <li><a href="#">导航链接1</a></li>
          <li><a href="#">导航链接2</a></li>
          <li><a href="#">导航链接3</a></li>
          <li><a href="#">导航链接4</a></li>
          <li><a href="#">导航链接5</a></li>
          <li><a href="./login.html">Login</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <fieldset>
        <legend>大图片展示</legend>
        <img style="width: 100px;" src="../assets/1.jpg" alt="">
      </fieldset>
      <fieldset>
        <legend>小图片展示</legend>
        <img src="../assets/melon.png" alt="">
      </fieldset>
    </main>
    <footer>
      我是底部～
    </footer>
  </div>
  <script src="../js/index.js"></script>
</body>

</html>